<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import { apigetUserInfo } from "@/api";
import { Notify } from "vant";

import { mapMutations } from 'vuex'

export default {
  created() {
    const token = localStorage.getItem("token");

    if (token) {
      // 发送请求 获取用户信息
      apigetUserInfo()
        .then((res) => {
          this.CHANGE_USER_INFO(res.data)
        })
        .catch((err) => {
          // 接口状态非200
          Notify({ type: "danger", message: err.response.data.msg});
          // 清除本地token
          localStorage.removeItem("token");

          this.$router.push("/login");
        });
    }

    // // get
    // axios({
    //   url: '/api/test'
    // }).then(res => {
    //   console.log(res)
    // })

    // // post
    // axios({
    //   url: '/api/post',
    //   method: 'post',
    //   data: {id: '123'}
    // }).then(res =>{
    //   console.log(res)
    // })

    // // delete
    // axios({
    //   url: '/api/delete/123',
    //   method: 'delete'
    // }).then(res => {
    //   console.log(res)
    // })

    // // put
    // axios({
    //   url: '/api/put',
    //   method:'put',
    //   data: {
    //     name: '张三'
    //   }
    // }).then(res => {
    //   console.log(res)
    // })

    // axios({
    //   url:'/api/all/456',
    //   method: 'post',
    //   data: {
    //     name: '李四'
    //   }
    // }).then(res => {
    //   console.log(res)
    // })
  },
  methods: {
    ...mapMutations(['CHANGE_USER_INFO'])
  },
};
</script>

<style lang="scss">
html,
body,
#app {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}
</style>
